<template>
  <div>
    <h1>生命周期</h1>
  </div>
</template>

<script setup>
/**
 * 生命周期
 * 步骤：
 * 1. 导入生命周期函数
 * 2. 执行生命周期函数，传入回调
 * 语法：onMounted(() => {  组件挂载后要执行的代码  })
 * 使用场景：
 * 1. 操作 Dom
 * 2. 发送网络请求
 */
import { onMounted } from 'vue'
onMounted(() => {
  console.log('组件挂载了1')
})

onMounted(() => {
  console.log('组件挂载了2')
})
</script>

<style lang="scss" scoped></style>
